<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>TECHO</title>
        <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="resources/css/disenoPrincipal.css"/>
        <h:outputScript library="js" name="calendario.js" />
        <script type="text/javascript">
            var geocoder;
            function findMe() {                      
                navigator.geolocation.getCurrentPosition(                          
                function(position) {                              
                    var map = gmap.getMap(),                              
                    latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                    map.setCenter(latlng);                                
                    //var marker = new google.maps.Marker({                                  
                    // position: latlng                              
                    //});
                    //marker.setMap(map);                          
                },
                function(error) {                              
                    alert(error.message);                          
                },                          
                {                             
                    enableHighAccuracy: true                          
                });                  
            }
            
            function codeAddressProveedorAbastecimiento() {
                geocoder = new google.maps.Geocoder();
                var map = gmapProvAbas.getMap();
                
                var address = document.getElementById("menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:address").value;
                geocoder.geocode( { 'address': address}, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        map.setCenter(results[0].geometry.location);
                        //var mark=new googe.maps.Marker(results[0]);
                        //mark.setMap(map);
                    } else {
                        alert("Geocode was not successful for the following reason: " + status);
                    }
                });
            }
            
            function codeAddressPuntoEmergencia() {
                geocoder = new google.maps.Geocoder();
                var map = gMapPuntoEmergencia.getMap();
                
                var address = document.getElementById("menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:address").value;
                geocoder.geocode( { 'address': address}, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        map.setCenter(results[0].geometry.location);
                        //var mark=new googe.maps.Marker(results[0]);
                        //mark.setMap(map);
                    } else {
                        alert("Geocode was not successful for the following reason: " + status);
                    }
                });
            }
            
            function codeAddressProveedorMovilizacion() {
                geocoder = new google.maps.Geocoder();
                var map = gmapProvCons.getMap();
                var address = document.getElementById("menu:tabViewGeneral:tabViewMovilizacion:create-form:address").value;
                geocoder.geocode( { 'address': address}, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        map.setCenter(results[0].geometry.location);
                        //var mark=new googe.maps.Marker(results[0]);
                        //mark.setMap(map);
                    } else {
                        alert("Geocode was not successful for the following reason: " + status);
                    }
                });
            }
            function findMeAgencia() {                      
                navigator.geolocation.getCurrentPosition(                          
                function(position) {                              
                    var map = gmapAgencia.getMap(),                              
                    latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                    map.setCenter(latlng);                                
                    //var marker = new google.maps.Marker({                                  
                    // position: latlng                              
                    //});
                    //marker.setMap(map);                          
                },
                function(error) {                              
                    alert(error.message);                          
                },                          
                {                             
                    enableHighAccuracy: true                          
                });                  
            }
            function codeAddressAgencia() {
                geocoder = new google.maps.Geocoder();
                var map = gmapAgencia.getMap();
                var address = document.getElementById("create-form:addressAgencia").value;
                geocoder.geocode( { 'address': address}, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        map.setCenter(results[0].geometry.location);
                        //var mark=new googe.maps.Marker(results[0]);
                        //mark.setMap(map);
                    } else {
                        alert("Geocode was not successful for the following reason: " + status);
                    }
                });
            }
        </script>
    </h:head>

    <h:body>
        <h:form id="menu" >
            <p:growl id="myGrowl" showDetail="true" globalOnly="true" life="2000" />
            <p:idleMonitor timeout="600000" >
                <p:ajax event="idle" listener="#{navigationBean.idleAction}" />
            </p:idleMonitor>
            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="120" resizable="false" closable="false" collapsible="false">
                    <center>
                        <img  src="resources/img/logoTecho2.jpg" alt="Logo" width="625" height="100" />
                    </center>
                </p:layoutUnit>

                <p:layoutUnit footer="Copyright © 2013 TECHO-FFICE. Todos los Derechos Reservados" position="south" size="50" closable="false" 
                              collapsible="false" style="background: #34a2cf; font-size: 12px; alignment-adjust: middle">

                </p:layoutUnit>
                <p:layoutUnit position="west" size="200" header="Sitios de Interes" style="font-size: 12px" collapsible="false">
                    <p:menu>
                        <p:submenu label="Recursos" >
                            <p:menuitem  value="Construcciones" ajax="false" immediate="true" action="GeorreferenciaConstrucciones.xhtml"  />
                            <p:menuitem value="Puntos de Emergencia" ajax="false" immediate="true" action="GeorreferenciaPuntoEmergencia.xhtml"/>
                            <p:menuitem value="Barrios"  ajax="false" immediate="true" action="GeorreferenciaBarrios.xhtml" />
                            <p:menuitem value="Otros"  />
                        </p:submenu>

                    </p:menu>
                    <br></br>
                    <br></br>
                    <br></br>
                    <center>
                        <img  src="resources/img/izquierdo1.jpg" alt="Logo" width="150" height="150" />
                    </center>
                </p:layoutUnit>
                <p:layoutUnit position="center">
                    <table>
                        <tr>
                            <td style="width: 40%">
                            </td>
                            <td >
                                <h:form>
                                    <table>
                                        <tr>
                                            <td>
                                                <h:outputText style="font-size: 12px" value="Identificado (a) como #{login.sessionBean.usuarioActual.primerNombreUsario} #{login.sessionBean.usuarioActual.primerApellidoUsuario}; #{login.sessionBean.usuarioActual.perfilIdPerfil.nombrePerfil} #{login.sessionBean.usuarioActual.ciudadIdCiudad.nombreCiudad}"></h:outputText>
                                            </td>
                                            <td>
                                                <p:commandButton value="Cierre de Sesión " style="font-size: 12px" ajax="false" action="#{navigationBean.cerrarSesion}"></p:commandButton>
                                            </td>
                                        </tr>
                                    </table>
                                </h:form>
                            </td>
                        </tr>
                    </table>
                    <p:tabView id="tabViewGeneral" style="font-size: 12px"  >
                        <p:tab id="tabHome" title="Inicio" > 
                        </p:tab>
                        <p:tab id="tabAbastecimiento" title="Abastecimiento" rendered="#{sessionBean.usuarioActual.perfilIdPerfil.idPerfil==1 ||
                                                                                         sessionBean.usuarioActual.perfilIdPerfil.idPerfil==2 || sessionBean.usuarioActual.perfilIdPerfil.idPerfil==3 || 
                                                                                         sessionBean.usuarioActual.perfilIdPerfil.idPerfil==4}">
                            <p:tabView id="tabViewAbastecimiento"   >
                                <p:ajax event="tabChange" process="@this" update=":menu:tabViewGeneral:tabViewAbastecimiento:gestionarMaterialConstruccion:proveedorMaterial,:menu:tabViewGeneral:tabViewAbastecimiento:gestionarMaterialConstruccion:medida,:menu:tabViewGeneral:tabViewAbastecimiento:gestionarMaterialConstruccion:tipoMaterial,
                                        :menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:tipoVia,:menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:prefijo1,
                                        :menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:prefijo1A,:menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:prefijo2,
                                        :menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:prefijo2A,:menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:datoComplementario1,
                                        :menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:tipodeproveedor,
                                        :menu:tabViewGeneral:tabViewAbastecimiento:calificacionProveedorabastecimiento:construccionCalAbastecimiento,
                                        :menu:tabViewGeneral:tabViewAbastecimiento:asignacionConstrucciones:construccion" />
                                <p:tab id="tabHistoricoCompra" title="Historico de Compra">  
                                    <ui:decorate template="/consultarHistoricoCompra.xhtml" >
                                        <ui:param name="beanConsultarHistorico" value="#{consultaHistoricoCompras}"/>
                                        <ui:param name="actualizarTablaHistorico" value="#{consultaHistoricoCompras.cargarResumenActualizar()}"/>
                                        
                                    </ui:decorate>
                                </p:tab>
                                <p:tab id="tabgestionProveedores" title="Gestión de Proveedores">  
                                    <ui:decorate template="/gestionarProveedorAbastecimiento.xhtml" >
                                        <ui:param name="beanGestionProveedorAbastecimiento" value="#{gestionarProveedorAbastecimiento}"/>
                                        <ui:param name="guardarProveedorAbastecimiento" value="#{gestionarProveedorAbastecimiento.guardarProveedor()}"/>
                                        <ui:param name="actualizarProveedoresAbastecimiento" value="#{gestionarProveedorAbastecimiento.cargarResumenProveedor()}"/>

                                    </ui:decorate>

                                </p:tab>
                                <p:tab id="tabgestionMaterialConstruccion" title="Gestión del Material de Construcción" >
                                    <ui:include src="/gestionarMaterialConstruccion.xhtml" >
                                        <ui:param name="bean" value="#{gestionarMaterialConstruccion}"/>
                                        <ui:param name="guardarAction" value="#{gestionarMaterialConstruccion.guardarMaterialConstruccion()}"/>
                                        <ui:param name="actualizarTablaMaterialConstruccion" value="#{gestionarMaterialConstruccion.actualizarInformacion()}"/>

                                    </ui:include>
                                </p:tab>
                                <p:tab id="tabgestionCalificacionProvedorAbas" title="Calificación Proveedor">
                                    <ui:include src="/gestionarCalificacionProveedorA.xhtml" >
                                        <ui:param name="gestionarCalificacionAbastecimiento" value="#{gestionCalificacionProveedorAbastecimiento}"/>
                                        <ui:param name="guardarCalificacionAbastecimiento" value="#{gestionCalificacionProveedorAbastecimiento.guardarCalificacion()}"/>
                                        <ui:param name="actualizarCalificacionAbastecimiento" value="#{gestionCalificacionProveedorAbastecimiento.actualizar()}"/>
                                    </ui:include>
                                </p:tab>

                                <p:tab id="tabAsignacionConstrucciones" title="Asignación de Materiales a la Construcciones">
                                    <ui:include src="/asignacionMaterialesConstruccion.xhtml" >
                                        <ui:param name="beanAsignacionMaterialConstrucciones" value="#{asignacionMaterialesConstruccion}"/>
                                        <ui:param name="guardarMaterialConstruccion" value="#{asignacionMaterialesConstruccion.guardarMaterialConstruccion()}"/>
                                        <ui:param name="actualizarAsignacionAbastecimiento" value="#{asignacionMaterialesConstruccion.actualizar()}"/>

                                    </ui:include>

                                </p:tab>

                            </p:tabView>  

                        </p:tab>
                        <p:tab id="tabMovilizacion" title="Movilización"  rendered="#{sessionBean.usuarioActual.perfilIdPerfil.idPerfil==5 || 
                                                                                      sessionBean.usuarioActual.perfilIdPerfil.idPerfil==1 ||
                                                                                      sessionBean.usuarioActual.perfilIdPerfil.idPerfil==2 || sessionBean.usuarioActual.perfilIdPerfil.idPerfil==3}">
                            <p:tabView id="tabViewMovilizacion"  >
                                <p:ajax event="tabChange" process="@this" update=":menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:tipoPuntoEmergencia,:menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:barrioPunto,
                                        :menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:tipoVia,:menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:prefijo1,:menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:prefijo1A,
                                        :menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:prefijo2,:menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:prefijo2A,
                                        :menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:datoComplementario1,:menu:tabViewGeneral:tabViewMovilizacion:construcciones:estadoConstruccion,
                                        :menu:tabViewGeneral:tabViewMovilizacion:create-form:tipoVia,:menu:tabViewGeneral:tabViewMovilizacion:create-form:prefijo1,:menu:tabViewGeneral:tabViewMovilizacion:create-form:prefijo1A,
                                        :menu:tabViewGeneral:tabViewMovilizacion:create-form:prefijo2,:menu:tabViewGeneral:tabViewMovilizacion:create-form:prefijo2A,:menu:tabViewGeneral:tabViewMovilizacion:create-form:datoComplementario1,
                                        :menu:tabViewGeneral:tabViewMovilizacion:create-form:tipodeproveedor,
                                        :menu:tabViewGeneral:tabViewMovilizacion:gestionarMaterialConstruccion:proveedorMaterial,
                                        :menu:tabViewGeneral:tabViewMovilizacion:asignacionConstrucciones:construccion,
                                        :menu:tabViewGeneral:tabViewMovilizacion:calificacionProveedorMovilizacion
                                        "/>
                                <p:tab id="tabGestionBarrios" title="Gestión de Barrios" >
                                    <ui:include src="/gestionarBarrios.xhtml" >
                                        <ui:param name="beanGestionBarrios" value="#{gestionarBarrios}"/>
                                        <ui:param name="guardarBarrio" value="#{gestionarBarrios.guardarBarrio()}"/>
                                        <ui:param name="actualizarBarrio" value="#{gestionarBarrios.actualizarBarrio()}"/>
                                    </ui:include>

                                </p:tab>
                                <p:tab id="tabGestionPuntoEmergencia" title="Gestión de Puntos de Emergencia">
                                    <ui:include src="/gestionarPuntoEmergencia.xhtml" >
                                        <ui:param name="beanGestionPuntosEmergencia" value="#{gestionarPuntosEmergencia}"/>
                                        <ui:param name="guardarPuntoEmergencia" value="#{gestionarPuntosEmergencia.guardarPuntoEmergencia()}"/>
                                        <ui:param name="actualizarPunto" value="#{gestionarPuntosEmergencia.actualizarInformacion()}"/>
                                    </ui:include>

                                </p:tab>
                                <p:tab id="tabGestionConstrucciones"  title="Gestión de Construcciones"  rendered="#{sessionBean.usuarioActual.perfilIdPerfil.idPerfil==1 ||
                                                                                                                     sessionBean.usuarioActual.perfilIdPerfil.idPerfil==2 || sessionBean.usuarioActual.perfilIdPerfil.idPerfil==3}">
                                    <ui:include src="/gestionarConstrucciones.xhtml" >
                                        <ui:param name="beanGestionConstrucciones" value="#{gestionarConstrucciones}"/>
                                        <ui:param name="guardarConstruccion" value="#{gestionarConstrucciones.guardarConstruccion()}" />
                                        <ui:param name="actualizarConstrucciones" value="#{gestionarConstrucciones.actualizarInformacion()}" />
                                    </ui:include>

                                </p:tab>

                                <p:tab id="tabgestionProveedoresConstruccion" title="Gestión de Proveedores">  
                                    <ui:include src="/gestionarProveedorMovilizacion.xhtml" >
                                        <ui:param name="beanGestionProveedorMovilizacion" value="#{gestionarProveedorMovilizacion}"/>
                                        <ui:param name="guardarProveedorMovilizacion" value="#{gestionarProveedorMovilizacion.guardarProveedor()}"/>
                                        <ui:param name="direccionMovilizacion" value="#{gestionarProveedorMovilizacion.revisarDireccion()}"/>
                                        <ui:param name="actualizarProveedorConstruccion" value="#{gestionarProveedorMovilizacion.actualizarInformacion()}"/>

                                    </ui:include>

                                </p:tab>
                                <p:tab id="tabgestionTrnsporteMovilizacion" title="Gestionar Transporte">
                                    <ui:include src="/gestionTransporteMovilizacion.xhtml" >
                                        <ui:param name="gestionarTransporteMovilizacion" value="#{gestionarTransporteMovilizacion}"/>
                                        <ui:param name="guardarTransporte" value="#{gestionarTransporteMovilizacion.guardarMaterialConstruccion()}"/>
                                        <ui:param name="actalizarInformacion" value="#{gestionarTransporteMovilizacion.actualizarInformacion()}"/>
                                    </ui:include>
                                </p:tab>

                                <p:tab id="tabgestionAsignacionTransporteMovilizacion" title="Asignación de vehiculos a la construcción">
                                    <ui:include src="/asignacionTransporteConstruccion.xhtml" >
                                        <ui:param name="gestionarAsignacionTransporteMovilizacion" value="#{asignacionTransporteMovilizacion}"/>
                                        <ui:param name="guardarTransporteAsignacion" value="#{asignacionTransporteMovilizacion.guardarMaterialConstruccion()}"/>
                                        <ui:param name="actualizarInformacion" value="#{asignacionTransporteMovilizacion.actualizarInformacion()}"/>
                                    </ui:include>
                                </p:tab>

                                <p:tab id="tabgestionCalificacionProvedorMovi" title="Calificación Proveedor">
                                    <ui:include src="/gestionarCalificacionProveedorM.xhtml" >
                                        <ui:param name="gestionarCalificacionMovilizacion" value="#{gestionCalificacionProveedorAbastecimiento}"/>
                                        <ui:param name="guardarCalificacionMovilizacion" value="#{gestionCalificacionProveedorAbastecimiento.guardarCalificacion()}"/>
                                        <ui:param name="actualizarInformacion" value="#{gestionCalificacionProveedorAbastecimiento.actualizar()}"/>
                                    </ui:include>
                                </p:tab>

                            </p:tabView>  
                        </p:tab>
                        <p:tab id="tabPostConstruccion" title="Post-Construcción">
                            <h:panelGrid columns="2" cellpadding="10">  

                                <h:outputText 
                                    value="The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.  
                                    His beloved son Michael has just come home from the war, but does not intend to become part of his father's business. T  
                                    hrough Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect,  
                                    but given to ruthless violence whenever anything stands against the good of the family." />  
                            </h:panelGrid>  
                        </p:tab>
                        <p:tab id="tabMetodoConstrucivo" title="Método Constructivo">
                            <h:panelGrid columns="2" cellpadding="10">  

                                <h:outputText 
                                    value="The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.  
                                    His beloved son Michael has just come home from the war, but does not intend to become part of his father's business. T  
                                    hrough Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect,  
                                    but given to ruthless violence whenever anything stands against the good of the family." />  
                            </h:panelGrid>  
                        </p:tab>
                    </p:tabView>
                </p:layoutUnit>

            </p:layout>
        </h:form>

        <center>
            <h:form id="mapBarrioregistro">
                <p:dialog style="font-size: 12px" id="mapDialogBarrio" widgetVar="mapDialogBarrio" width="690" height="550" modal="true"  
                          onShow="gmapBarrio.checkResize()" header="Ubicación Geográfica">
                    <p:gmap id="mapaBarrioRegis" model="#{gMapBean.model}" center="#{gMapBean.centerLat},#{gMapBean.centerLong}" type="HYBRID" 
                            zoom="#{gMapBean.zoomLevel}" style="width: 640px; height: 480px" widgetVar="gmapBarrio" >
                        <p:ajax event="pointSelect" listener="#{gMapBean.pointSelectListenerBarrio}" update="mapBarrioregistro, :menu:myGrowl"></p:ajax>
                        <p:ajax event="markerDrag" listener="#{gMapBean.markerDragListenerBarrio}" update="mapBarrioregistro,:menu:myGrowl"></p:ajax>
                    </p:gmap>
                    <p:separator/>
                </p:dialog>
            </h:form>
        </center>
        <center>
            <h:form id="mapProvConTr">
                <p:dialog style="font-size: 12px" id="mapDialogProveConst" widgetVar="mapDialogProCons" width="690" height="550" modal="true"  
                          onShow="gmapProvCons.checkResize()" header="Ubicación Geográfica">
                    <p:gmap id="mapaProveConstRegis" model="#{gMapBean.model}" center="#{gMapBean.centerLat},#{gMapBean.centerLong}" type="HYBRID" 
                            zoom="16" style="width: 640px; height: 480px" widgetVar="gmapProvCons" >
                        <p:ajax event="pointSelect" listener="#{gMapBean.pointSelectListenerProveedorMovilizacion}" update="mapProvConTr, :menu:myGrowl"></p:ajax>
                        <p:ajax event="markerDrag" listener="#{gMapBean.markerDragListenerProveedorMovilizacion}" update="mapProvConTr,:menu:myGrowl"></p:ajax>
                    </p:gmap>
                    <p:separator/>
                </p:dialog>
            </h:form>
        </center>

        <center>
            <h:form id="mapProvAbasTr">
                <p:dialog style="font-size: 12px" id="mapDialogProveAba" widgetVar="mapDialogProAba" width="690" height="550" modal="true"  
                          onShow="gmapProvAbas.checkResize()" header="Ubicación Geográfica">
                    <p:gmap id="mapaProveAbaRegis" model="#{gMapBean.model}" center="#{gMapBean.centerLat},#{gMapBean.centerLong}" type="HYBRID" 
                            zoom="16" style="width: 640px; height: 480px" widgetVar="gmapProvAbas" >
                        <p:ajax event="pointSelect" listener="#{gMapBean.pointSelectListenerProveedorAbastecimiento}" update="mapProvAbasTr, :menu:myGrowl,:menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:coordenadasMap"></p:ajax>
                        <p:ajax event="markerDrag" listener="#{gMapBean.markerDragListenerProveedorAbastecimiento}" update="mapProvAbasTr,:menu:myGrowl,:menu:tabViewGeneral:tabViewAbastecimiento:gestionarProveedorAbastecimiento:coordenadasMap"></p:ajax>
                    </p:gmap>
                    <p:separator/>
                </p:dialog>
            </h:form>
        </center>

        <center>
            <h:form id="mapConstruccion">
                <p:dialog style="font-size: 12px" id="mapDialogProveConst" widgetVar="mapDialogConstruccion" width="690" height="550" modal="true"  
                          onShow="gmapConstruccion.checkResize()" header="Ubicación Geográfica">
                    <p:gmap id="mapaProveConstRegis" model="#{gMapBean.model}" center="#{gMapBean.centerLat},#{gMapBean.centerLong}" type="HYBRID" 
                            zoom="#{gMapBean.zoomLevel}" style="width: 640px; height: 480px" widgetVar="gmapConstruccion" >
                        <p:ajax event="pointSelect" listener="#{gMapBean.pointSelectListenerConstruccion}" update="mapConstruccion, :menu:myGrowl"></p:ajax>
                        <p:ajax event="markerDrag" listener="#{gMapBean.markerDragListenerConstruccion}" update="mapConstruccion,:menu:myGrowl"></p:ajax>
                    </p:gmap>
                    <p:separator/>
                </p:dialog>
            </h:form>
        </center>

        <center>
            <h:form id="mapPuntoEmergencia">
                <p:dialog style="font-size: 12px" id="mapPointEmergency" widgetVar="mapEmergencyPoint" width="690" height="550" modal="true"  
                          onShow="gMapPuntoEmergencia.checkResize()" header="Ubicación Geográfica">
                    <p:gmap id="mapaProveConstRegis" model="#{gMapBean.model}" center="#{gMapBean.centerLat},#{gMapBean.centerLong}" type="HYBRID" 
                            zoom="16" style="width: 640px; height: 480px" widgetVar="gMapPuntoEmergencia" >
                        <p:ajax event="pointSelect" listener="#{gMapBean.pointSelectListenerPuntoEmergencia}" update="mapPuntoEmergencia, :menu:myGrowl,:menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:coordenadasMap"></p:ajax>
                        <p:ajax event="markerDrag" listener="#{gMapBean.markerDragListenerPuntoEmergencia}" update="mapPuntoEmergencia,:menu:myGrowl,:menu:tabViewGeneral:tabViewMovilizacion:puntoEmergencia:coordenadasMap"></p:ajax>
                    </p:gmap>
                    <p:separator/> 
                </p:dialog>
            </h:form>
        </center>
        <h:form id="dialEliminar">
            <p:confirmDialog widgetVar="dlgEliminarProveedorAbastecimiento" message="¿Realmente desea eliminar el registro? 
                             (Esta acción no se puede deshacer)" closable="false">
                <p:commandButton value="Aceptar" actionListener="#{gestionarProveedorAbastecimiento.eliminarProveedor}"
                                 process="@this" update=":menu:myGrowl" oncomplete="dlgEliminarProveedorAbastecimiento.hide()" />
                <p:commandButton value="Cancelar" immediate="true" onclick="dlgEliminarProveedorAbastecimiento.hide()"/>
            </p:confirmDialog>
        </h:form>
    </h:body>

</html>

